/* #region  初始化 */

* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  outline: none;

  padding: 0;

  margin: 0;

}



html {

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



body {

  word-wrap: break-word;

  color: #333;

  background-color: #fff;

  font-family: text;

}



audio,

video {

  display: block;

}



a {

  display: block;

  background-color: transparent;

  text-decoration: none;

  color: inherit;

  outline: none;

  -webkit-tap-highlight-color: transparent;

  -moz-outline-style: none;

}



ol,

ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



li {

  list-style: none;

}



img {

  display: block;

  border: 0;

  vertical-align: middle;

  /* image-rendering: -moz-crisp-edges;

  image-rendering: -o-crisp-edges;

  image-rendering: -webkit-optimize-contrast;

  image-rendering: crisp-edges;

  -ms-interpolation-mode: nearest-neighbor; */

}



dl,

dd,

h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: normal;

}





button,

input,

optgroup,

select,

textarea {

  color: inherit;

  outline: none;

}



button[disabled],

html input[disabled] {

  cursor: default;

}



input[type="checkbox"],

input[type="radio"] {

  padding: 0;

}



table {

  border-spacing: 0;

  border-collapse: collapse;

}



td,

th {

  padding: 0;

}



.clearfloat {

  zoom: 1;

}



.clearfloat:after {

  display: block;

  clear: both;

  content: "";

  visibility: hidden;

  height: 0;

}



.flex_row {

  display: flex;

}



.flex_col {

  display: flex;

  flex-direction: column;

}



.flex_center {

  display: flex;

  justify-content: center;

  align-items: center;

}



.flex_space_between {

  display: flex;

  justify-content: space-between;

}



.position_center-x {

  left: 50%;

  transform: translate(-50%);

}



.position_center-y {

  top: 50%;

  transform: translateY(-50%);

}



.cursor {

  cursor: pointer;

}



.flex {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.flex_center {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.flex_1 {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  display: inline-block;

}



.flex_dc {

  -webkit-box-orient: vertical;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}



.flex_ac {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.flex_as {

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

}



.flex_ae {

  -webkit-box-align: end;

  -webkit-align-items: flex-end;

  -ms-flex-align: end;

  align-items: flex-end;

}



.flex_jc {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.flex_js {

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}



.flex_je {

  -webkit-box-pack: end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

}



.flex_wrap {

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  -o-flex-wrap: wrap;

  flex-wrap: wrap;

}



.textone {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.texttwo {

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

}



.swiper-container {

  width: 100%;

}





/* #endregion */



/* #region  首页*/

.width {

  margin: 0 auto;

}



body{

  padding-top: 5.2rem;

}

.header{

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  background: #fff;

  z-index: 99;

}

.header .width {

  height: 5.2rem;

}



.logo img {

  width: 16rem;

}



.nav {

  margin-left: auto;

  padding-top: 1.3rem;

}



.nav li {

  position: relative;

  margin-left: 2.8rem;

}



.nav_link {

  font-size: .8rem;

  line-height: 2.8rem;

  color: #1d1818;

  transition: 50ms;

  position: relative;

}



.nav_link:hover,

.nav_link.active {

  color: #f26d35;

}



.nav_link::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: .5rem;

  width: 0;

  height: 2px;

  background: #f26d35;

  transition: .2s;

}



.nav_link:hover::after,

.nav_link.active::after {

  width: 100%;

}



.banner {

  position: relative;

}



.banner img {

  width: 100%;

}



.banner_dot {

  position: absolute;

  left: 0;

  bottom: 5%;

  z-index: 1;

  width: 100%;

}



.banner_dot span {

  width: 2rem;

  height: .9rem;

  background: #fff;

  border-radius: .5rem;

  opacity: 1;

  transition: .1s;

  margin: 0 .5rem;

}



.banner_dot .swiper-pagination-bullet-active {

  background: #f26d35;

}



.nav_select {

  position: absolute;

  left: 0;

  top: 100%;

  width: 27.6rem;

  background: #fff;

  padding: .75rem;

  z-index: 55;

  box-shadow: 0px .15rem .4rem 0px rgba(119, 119, 119, 0.53);

  display: none;

}



.nav_select div {

  align-items: flex-start;

}



.nav_select p {

  flex-wrap: wrap;

}



.nav_select a {

  width: 7rem;

  padding-right: 1rem;

  font-size: .8rem;

  line-height: 2;

  color: #2f2d2e;

  margin-top: 1.4rem;

  transition: .1s;

}



.nav_select a:nth-of-type(1),

.nav_select a:nth-of-type(2) {

  margin-top: 0;

}



.nav_select a.active,

.nav_select a:hover {

  color: #f26d35;

}



.nav_select img {

  width: 10.8rem;

}



.nav li:nth-last-of-type(1) .nav_select,

.nav li:nth-last-of-type(2) .nav_select,

.nav li:nth-last-of-type(3) .nav_select,

.nav li:nth-last-of-type(4) .nav_select,

.nav li:nth-last-of-type(5) .nav_select {

  left: auto;

  right: 0;

}



.index1 {

  background: url(../images/index1_bg.jpg) no-repeat;

  background-size: cover;

  background-position: center;

  padding: 4.8rem 0 5.5rem 0;

}



.index1_left {

  width: 46.15%;

}



.index1_right {

  width: 48.72%;

}



.index1_title {

  font-size: 1.8rem;

  line-height: 3rem;

  color: #000000;

}



.index1_title span {

  color: #f26d35;

}



.index1_title i {

  display: inline-block;

  width: 6.5rem;

  height: .15rem;

  background: #000000;

  margin-right: 1rem;

  position: relative;

  top: -.5rem;

}



.index1_title div {

  display: inline-block;

  font-size: 1.5rem;

  margin-left: 3.5rem;

  text-transform: uppercase;

}



.index1_text {

  font-size: .8rem;

  line-height: 2.6;

  margin-top: 2.1rem;

  color: #3d3c3d;

  padding-right: 10%;

}



.index1_btn {

  width: 8.7rem;

  line-height: 2.4rem;

  background: #f26d35;

  border-radius: .5rem;

  text-align: center;

  font-size: .8rem;

  color: #fff;

  margin-top: 4.7rem;

  transition: .2s;

  box-shadow: 0px .15rem .4rem 0px rgba(119, 119, 119, 0.53);

}



.index1_btn:hover {

  opacity: .85;

}



.index1_video {

  width: 100%;

  height: 19.7rem;

  background: #ffd4b3;

  padding: .6rem;

}



.index1_video video {

  width: 100%;

  height: 100%;

  object-fit: contain;

  object-position: center;

  background: #000;

}



.index1_ul {

  background-color: rgba(255, 255, 255, .78);

  margin-top: 3.5rem;

  padding: 1.5rem 0 2rem 0;

  text-align: center;

}



.index1_ul li {

  width: 25%;

  padding: 0 .25rem;

}



.index1_ul div {

  font-size: 2.4rem;

  color: #ca4d02;

}



.index1_ul span {

  display: block;

  font-size: .8rem;

  margin-top: .2rem;

  color: #141313;

}



.index_title {

  text-align: center;

}



.index_title div {

  font-size: 1.8rem;

  color: #2f2d2e;

  font-weight: bold;

}



.index_title i {

  display: block;

  width: 7.5rem;

  height: .2rem;

  background: #f26d35;

  margin: .5rem auto 0 auto;

}



.index_title span {

  display: block;

  font-size: 1.2rem;

  color: #626262;

  text-transform: uppercase;

  margin-top: .6rem;

}



.index2 {

  padding: 3.3rem 0 4.5rem 0;

}



.index2_con {

  position: relative;

  margin-top: 3rem;

}



.index2_con .swiper-slide {

  width: 19.5rem;

  background: #eeeeee;

}



.index2_con .swiper-slide:nth-of-type(even) {

  display: flex;

  flex-direction: column-reverse;

}



.index2_con .swiper-slide img {

  width: 100%;

  height: 15rem;

  object-fit: cover;

  object-position: center;

}



.index2_con .swiper-slide a {

  width: 100%;

  height: 15rem;

  text-align: center;

  padding: 3.5rem 1rem 0 1rem;

  transition: .2s;

}



.index2_con .swiper-slide p {

  font-size: 1.2rem;

  color: #444444;

  transition: .2s;

}



.index2_con .swiper-slide span {

  font-size: .9rem;

  line-height: 1.2rem;

  min-height: 2.4rem;

  color: #888888;

  display: block;

  margin-top: .5rem;

  padding: 0 2rem;

  transition: .2s;

}



.index2_con .swiper-slide div {

  font-size: .8rem;

  color: #303030;

  line-height: 2rem;

  background: #fff;

  width: 7.3rem;

  border-radius: .5rem;

  margin: .8rem auto 0 auto;

  transition: .2s;

}



.index2_con .swiper-slide a:hover {

  background: #f26d35;

}



.index2_con .swiper-slide a:hover p,

.index2_con .swiper-slide a:hover span {

  color: #fff;

}



.index2_con .swiper-slide a:hover div {

  color: #f26d35;

}



.index2_prev,

.index2_next {

  position: absolute;

  width: 3.5rem;

  height: 3.5rem;

  background-color: rgb(92, 92, 92, .7);

  border-radius: 50%;

  top: 50%;

  transform: translateY(-50%);

  z-index: 2;

  cursor: pointer;

  outline: none;

  transition: .2s;

}



.index2_prev {

  left: .5rem;

}



.index2_next {

  right: .5rem;

}



.index2_prev img,

.index2_next img {

  width: 22.85%;

}



.index2_prev:hover,

.index2_next:hover {

  background: #f26d35;

  color: #fff;

}



.index3 {

  background: url(../images/index3_bg.jpg) no-repeat;

  background-size: cover;

  background-position: center;

  padding: 3rem 0 3.9rem 0;

}



.index5 .index_title div,

.index5 .index_title span,

.index3 .index_title div,

.index3 .index_title span {

  color: #fff;

}



.index5 .index_title i,

.index3 .index_title i {

  background: #fff;

}



.index3_con {

  margin-top: 4.4rem;

}



.course_swp .swiper-slide {

  width: 19.5rem;

  height: auto;

  display: flex;

  flex-direction: column;

  align-items: center;

  padding: 0 1.85rem;

}



.index3_year {

  width: 6rem;

  line-height: 2.4rem;

  text-align: center;

  font-size: 1.2rem;

  color: #fff;

  background: #f26d35;

}



.index3_card {

  background: #fff;

  font-size: .8rem;

  line-height: 1.87;

  min-height: 9rem;

  color: #626262;

  padding: 1.2rem;

  margin-top: 1.75rem;

  flex: 1;

  overflow: hidden;

}



.index3_hr {

  height: 4.2rem;

  border-right: 1px solid #fff;

}



.index3_bottom {

  position: relative;

  top: -15px;

}



.index3_bottom span {

  flex: 1;

  overflow: hidden;

  border-top: 1px solid #fff;

}



.index3_bottom div {

  width: 31px;

  height: 31px;

  border: 1px solid #fff;

  border-radius: 50%;

  padding: 5px;

}



.index3_bottom div::after {

  content: '';

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background: #fff;

}



.index4 {

  padding: 180px 0 162px 0;

}



.index4_left {

  width: 680px;

}



.index4 a {

  position: relative;

  overflow: hidden;

}



.index4 a img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  transition: .5s;

}



.index4 a:hover img {

  transform: scale(1.05);

}



.index4_txt {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  padding: 0 7.35%;

  color: #fff;

}



.index4_txt div {

  font-size: 36px;

  font-weight: bold;

}



.index4_txt i {

  display: block;

  width: 150px;

  height: .2rem;

  background: #fff;

  border-radius: 2px;

  margin-top: 12px;

}



.index4_txt span {

  display: block;

  font-size: 24px;

  line-height: 1.25;

  text-transform: uppercase;

  margin-top: 14px;

}



.index4_item1 {

  width: 100%;

  height: 320px;

}



.index4_item2 {

  width: 100%;

  height: 400px;

  margin-top: 17px;

}



.index4_txt2 {

  position: absolute;

  left: 0;

  bottom: 58px;

  color: #fff;

  padding: 0 7.35%;

}



.index4_txt2 div {

  font-size: 32px;

}



.index4_txt2 p {

  font-size: 20px;

  margin-top: 16px;

  color: #fff;

  text-transform: uppercase;

}



.index4_txt2 span {

  display: block;

  font-size: 20px;

  margin-top: 24px;

}



.index4_right {

  width: 864px;

  margin-left: auto;

}



.index4_item3 {

  height: 465px;

}



.index4_item3 .index4_txt2 {

  top: 52px;

  bottom: auto;

  padding: 0 10%;

}



.index4_item4 {

  margin-top: 20px;

  justify-content: space-between;

}



.index4_item4 a {

  width: 422px;

  height: 250px;

  background: #385e8f;

  transition: .2s;

}



.index4_item4 .index4_txt2 {

  bottom: 50px;

}



.index4_item4 a:hover {

  background: #f26d35;

}



.index5 {

  background: url(../images/index5_bg.jpg) no-repeat;

  background-size: cover;

  background-position: center;

  padding: 2.8rem 0 3rem 0;

}



.index5 .swiper-container {

  margin-top: 3.8rem;

}



.index5 .swiper-slide a {

  background: #fff;

  padding: 2rem 5.5% 2.1rem 5.5%;

}



.index5 .swiper-slide img {

  width: 4.5rem;

  height: 4.5rem;

  object-fit: contain;

  object-position: center;

  margin: 0 auto;

}



.index5 .swiper-slide h3 {

  font-size: 1.2rem;

  color: #363636;

  text-align: center;

  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  margin-top: 1.2rem;

}



.index5 .swiper-slide i {

  display: block;

  width: 4rem;

  border-top: 1px solid #eb883c;

  margin: 1.3rem auto 0 auto;

}



.index5 .swiper-slide span {

  font-size: .8rem;

  line-height: 1.5rem;

  height: 6rem;

  color: #363636;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  line-clamp: 4;

  -webkit-box-orient: vertical;

  margin-top: 1rem;

}



.index5 .swiper-slide div {

  width: 8.3rem;

  line-height: 2.5rem;

  border-radius: .5rem;

  margin: 2rem auto 0 auto;

  font-size: .8rem;

  color: #3f3f3f;

  background: #eeeeee;

  text-align: center;

  transition: .2s;

}



.index5 .swiper-slide a:hover div {

  background: #f26d35;

  color: #fff;

}



.index5_bottom {

  margin-top: 3.5rem;

}



.index5_bottom div {

  width: 5.6rem;

  height: 2.4rem;

  background: #ececec;

  border-radius: .5rem;

  cursor: pointer;

  outline: none;

  transition: .2s;

}



.index5_bottom img {

  width: .5rem;

}



.index5_bottom a {

  width: 8.2rem;

  height: 2.4rem;

  background: #ececec;

  border-radius: .5rem;

  line-height: 2.4rem;

  text-align: center;

  font-size: .8rem;

  color: #2b2b2b;

  margin: 0 .85rem;

  transition: .2s;

}





.index5_bottom a:hover {

  background: #f26d35;

  color: #fff;

}



/* .index5_bottom div:hover {

  opacity: .8;

} */



.index5_bottom .index5_prev,

.index5_bottom .index5_next{

  background-repeat: no-repeat;

  background-position: center center;

  background-size: .5rem auto;

}



.index5_bottom .index5_prev{

  background-image: url(../images/prev2.png);

}



.index5_bottom .index5_next{

  background-image: url(../images/next2.png);

}



.index5_bottom .index5_prev:hover,

.index5_bottom .index5_next:hover{

  background-color: #f26d35;

}



.index5_bottom .index5_prev:hover{

  background-image: url(../images/prev2c.png);

}



.index5_bottom .index5_next:hover{

  background-image: url(../images/next2c.png);

}





.index6 {

  padding: 3.6rem 0 4.5rem 0;

}



.index6_swp {

  position: relative;

  margin-top: 4.3rem;

}



.index6_swp .swiper-container {

  padding: 1px 0;

}



.index6_swp .swiper-slide {

  width: 12.5rem;

  height: 7.5rem;

}



.index6_list {

  border: 1px solid #dcdcdc;

  position: relative;

  overflow: hidden;

}



.index6_list img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  object-position: center;

}



.index6_list div {

  position: absolute;

  left: 0;

  bottom: 101%;

  width: 100%;

  height: 100%;

  background: #f26d35;

  color: #fff;

  font-size: .8rem;

  line-height: 1.8;

  padding: .7rem 1rem;

  overflow: hidden;

  transition: .3s;

}



.index6_list:hover div {

  bottom: 0;

}



.index6_prev,

.index6_next {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 2.5rem;

  height: 2.5rem;

  background-color: rgb(92, 92, 92, .7);

  border-radius: 50%;

  cursor: pointer;

  transition: .2s;

}



.index6_prev {

  left: -3.5rem;

}



.index6_next {

  right: -3.5rem;

}



.index6_prev img,

.index6_next img {

  width: 22.85%;

}



.index6_prev:hover,

.index6_next:hover {

  background: #f26d35;

}



.index6_con {

  margin-top: 4rem;

}



.index6_left {

  width: 27%;

  background: url(../images/index6_bg.jpg) no-repeat;

  background-size: cover;

  background-position: center;

  color: #fff;

  text-align: center;

}



.index6_left div {

  font-size: 1.8rem;

  font-weight: bold;

}



.index6_left i {

  display: block;

  width: 7.5rem;

  height: .2rem;

  background: #fff;

  border-radius: .1rem;

  margin: .5rem auto 0 auto;

}



.index6_left span {

  display: block;

  font-size: 1.2rem;

  text-transform: uppercase;

  margin-top: .7rem;

}



.index6_left a {

  width: 6.5rem;

  line-height: 1.9rem;

  background: #fff;

  border-radius: .5rem;

  font-size: .8rem;

  color: #626262;

  margin: 1.2rem auto 0 auto;

  cursor: pointer;

  transition: .2s;

}



.index6_left a:hover {

  background: #f26d35;

  color: #fff;

}



.index6_right {

  width: 71.15%;

  margin-left: auto;

}



.index6_tab li {

  width: 7.1rem;

  line-height: 2.2rem;

  background: #fff;

  border-radius: .5rem;

  font-size: .9rem;

  color: #4b4b4b;

  cursor: pointer;

  transition: .2s;

  text-align: center;

  background: #eeeeee;

  margin-right: 1.4rem;

}



.index6_tab li.active,

.index6_tab li:hover {

  background: #f26d35;

  color: #fff;

}



.index6_row {

  margin-top: 1.5rem;

}



.index6_col {

  width: 43.78%;

}



.index6_img {

  width: 100%;

}



.index6_col h3 {

  font-size: .9rem;

  color: #2a2a2a;

  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  margin-top: .8rem;

  font-weight: bold;

  transition: .1s;

}



.index6_col div {

  font-size: .8rem;

  color: #898989;

  line-height: 1;

  margin-top: .6rem;

}



.index6_col div img {

  width: 1rem;

  margin-right: .4rem;

}



.index6_col span {

  font-size: .7rem;

  line-height: 2;

  color: #4b4b4b;

  margin-top: .9rem;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

}



.index6_col:hover h3 {

  color: #f26d35;

}



.index6_ul {

  width: 53.5%;

  margin-left: auto;

}



.index6_ul li {

  margin-bottom: 1.45rem;

}



.index6_ul li:last-of-type {

  margin-bottom: 0;

}



.index6_ul a {

  font-size: .9rem;

  line-height: 2.7rem;

  color: #626262;

  border-bottom: 1px solid #dcdcdc;

  transition: .1s;

}



.index6_ul a div {

  flex: 1;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  margin-right: 1rem;

}



.index6_ul a:hover {

  color: #f26d35;

  border-color: #f26d35;

}



.none {

  display: none;

}



.footer {

  background: #313131;

  color: #fff;

}



.footer_con {

  background: url(../images/footer_bg.jpg) no-repeat;

  background-size: cover;

  background-position: center;



}



.footer_top {

  padding: 4.3rem 0 2.6rem 0;

}



.footer_con li {

  width: 6rem;

  padding-right: 1.2rem;

}



.footer_col {

  flex: 1;

  overflow: hidden;

  margin-left: 4%;

  margin-right: 4.5%;

}



.footer_col p,

.footer_con li span {

  font-size: .9rem;

}



.footer_con li a {

  font-size: .7rem;

  line-height: 1.3;

  margin-top: 1rem;

  transition: .1s;

}



.footer_con li a:hover {

  text-decoration: underline;

}



.footer_col div {

  margin-top: 1rem;

  align-items: flex-start;

}



.footer_col img {

  width: 1.1rem;

  margin-right: .5rem;

}



.footer_col span {

  flex: 1;

  overflow: hidden;

  font-size: .7rem;

  line-height: 1.1rem;

}



.footer_code div {

  width: 11.5rem;

  background: #fff;

  padding: .4rem;

}



.footer_code {

  text-align: center;

}



.footer_code span {

  font-size: .9rem;

  display: block;

  margin-top: .5rem;

}



.footer_code img {

  width: 100%;

}



.footer_row {

  border-top: 1px solid rgba(255, 255, 255, .56);

}



.footer_row {

  font-size: .9rem;

  line-height: 2;

  padding: 1.3rem 0;

}



.footer_row ul {

  flex: 1;

  overflow: hidden;

  flex-wrap: wrap;

}



.footer_row a {

  display: inline;

  margin-left: 1rem;

}



.footer_row a:hover {

  text-decoration: underline;

}



.footer_bottom {

  font-size: .8rem;

  line-height: 1.5;

  padding: 1.6rem 0;

}



.footer_bottom a {

  display: inline;

}



.footer_bottom img {

  display: inline;

}



.footer_text {

  flex: 1;

  overflow: hidden;

}



.footer_entrance {

  margin-left: 2rem;

}



.footer_entrance span {

  height: .9rem;

  border-right: 2px solid #fff;

  margin: 0 .7rem;

}



.footer_entrance a:hover {

  text-decoration: underline;

}



.nav_modal,

.nav_icon {

  display: none;

}





.right {

  position: fixed;

  right: 10px;

  top: 50%;

  transform: translateY(-50%);

  z-index: 99;

}



.right a,

.right li {

  margin-bottom: 1px;

  width: 3.2rem;

  height: 3.2rem;

  background: #0579b5;

  border-radius: .25rem;

  cursor: pointer;

  transition: .2s;

  position: relative;

}



.right img {

  width: 62.5%;

}



/* .right a:hover,

.right li:hover {

  opacity: .85;

} */



.right div {

  position: absolute;

  right: 100%;

  top: 50%;

  transform: translateY(-50%);

  background-color: #0579b5;

  white-space: nowrap;

  padding: .5rem;

  border-radius: .25rem;

  margin-right: 1rem;

  font-size: .9rem;

  color: #fff;

  display: none;

}



.right div::after {

  content: '';

  position: absolute;

  left: 100%;

  top: 50%;

  transform: translateY(-50%);

  width: 0;

  height: 0;

  border: .4rem solid transparent;

  border-left: .4rem solid #0579b5;

}



.right div img {

  width: 6.3rem;

}



/* #endregion */



/* #region  关于检安*/

.banner2 {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  min-height: 25.5rem;

  padding: 3rem 0 4rem 0;

}



.banner2 .width {

  padding-left: 1.5rem;

}



.banner_title {

  flex: 1;

  overflow: hidden;

  color: #fff;

  font-weight: bold;

  font-size: 2rem;

}



.banner_title p {

  text-transform: uppercase;

  margin-top: .7rem;

}



.banner_title span {

  color: #f26d35;

}



.search {

  height: 2.6rem;

  margin-left: auto;

  position: relative;

  top: 1.2rem;

}



.search div {

  width: 18.7rem;

  height: 100%;

  background: #fff;

  border-radius: .5rem;

  padding-left: .8rem;

}



.search input {

  flex: 1;

  overflow: hidden;

  height: 100%;

  font-size: .9rem;

  color: #333;

  border: none;

  background: none;

  padding: 0 .4rem;

}



.search img {

  width: 1rem;

}



.search button {

  width: 7.3rem;

  height: 100%;

  border-radius: .5rem;

  background: #f26d35;

  color: #fff;

  font-size: .9rem;

  line-height: 2.6rem;

  border: none;

  margin-left: 1.3rem;

  cursor: pointer;

  transition: .2s;

}



.search button:hover {

  opacity: .9;

}



.banner_nav {

  margin-top: 2.8rem;

  flex-wrap: wrap;

}



.banner_nav a,

.banner_nav li {

  min-width: 7.2rem;

  line-height: 2.3rem;

  text-align: center;

  background: #fff;

  border-radius: .5rem;

  font-size: .9rem;

  color: #3d3d3d;

  cursor: pointer;

  transition: .2s;

  margin-right: 1.1rem;

  margin-bottom: 1rem;

  padding: 0 1rem;

}



.banner_nav .active,

.banner_nav a:hover,

.banner_nav li:hover {

  background: #eb883c;

  color: #fff;

}



.about_title {

  font-size: 1.8rem;

  color: #eb883c;

  font-weight: bold;

  text-align: center;

}



.about1 {

  padding: 3rem 0 4.7rem 0;

}



.about1_con {

  margin-top: 4rem;

}



.about1_left {

  width: 41.15%;

}



.about1_left img {

  width: 100%;

}



.about1_right {

  width: 56.73%;

  margin-left: auto;

  font-size: .9rem;

  line-height: 2.78;

  color: #1d1d1d;

}



.about2 {

  background: url(../images/about2.jpg ) no-repeat;

  background-size: cover;

  background-position: center;

  padding: 3rem 0 6.5rem 0;

}



.about2 .swiper-container {

  margin-top: 5.8rem;

}



.about2 .index3_hr,

.about2 .index3_bottom div,

.about2 .index3_bottom span {

  border-color: #f26d35;

}



.about2 .index3_bottom div::after {

  background: #f26d35;

}



.about3 {

  padding-top: 3.8rem;

}



.about3_con {

  background: #f8f8f8;

  margin-top: 2.6rem;

}



.about3_left {

  width: 50%;

  font-size: .9rem;

  line-height: 2.78;

  color: #333333;

  padding: 1rem 1.2rem;

}



.about3_right {

  width: 50%;

}



.about3_right img {

  width: 100%;

}



.about4 {

  padding-top: 3.2rem;

}



.about4_con {

  background: #f8f8f8;

  margin-top: 2.4rem;

}



.about4_left {

  width: 50%;

}



.about4_left img {

  width: 100%;

}



.about4_right {

  width: 50%;

  padding: .5rem 2.8% 2rem 2.8%;

}



.about4_right div {

  font-size: 1.2rem;

  color: #292929;

  line-height: 1;

}



.about4_right i {

  width: .7rem;

  height: .7rem;

  background: #eb883c;

  margin-right: .4rem;

}



.about4_right span {

  display: block;

  padding-left: 1.1rem;

  font-size: .9rem;

  line-height: 1.8;

  color: #292929;

  margin-top: .4rem;

}



.about4_right li {

  margin-top: 1.5rem;

}



.about5 {

  padding: 3.5rem 0 2.8rem 0;

}



.about5_con {

  margin-top: 2rem;

}



.about5_con img {

  max-width: 100%;

  margin: 0 auto;

}



.about6 {

  background: url(../images/about6_bg.jpg) no-repeat;

  background-size: cover;

  background-position: center;

  padding: 2.7rem 0 1rem 0;

}





.about7 {

  padding: 3.6rem 0 4.8rem 0;

}





.about7_con {

  flex-wrap: wrap;

  padding-top: 1rem;

}



.about7_con2{

  padding-top: 1rem;

}



.about7_con li {

  width: 19.22%;

  margin-right: 0.975%;

  margin-top: 1.5rem;

}



.about7_con2 .swiper-container{

  margin-top: 1.5rem;

}



.about7_con li:nth-of-type(5n+5) {

  margin-right: 0;

}



.about7_li div,

.about7_con li div {

  border: 1px solid #dcdcdc;

}



.about7_li img,

.about7_con li img {

  width: 100%;

}



.about7_li span,

.about7_con li span {

  display: block;

  font-size: .9rem;

  color: #363636;

  text-align: center;

  margin-top: .7rem;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}





.about7_bottom{

  margin-top: 2.5rem;

}



.about7_bottom div {

  width: 5.6rem;

  height: 2.4rem;

  background: #ececec;

  border-radius: .5rem;

  cursor: pointer;

  outline: none;

  transition: .2s;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: .5rem auto;

  margin: 0 .8rem;

}



.about7_bottom .about7_prev{

  background-image: url(../images/prev2.png);

}



.about7_bottom .about7_next{

  background-image: url(../images/next2.png);

}



.about7_bottom .about7_prev:hover,

.about7_bottom .about7_next:hover{

  background-color: #f26d35;

}



.about7_bottom .about7_prev:hover{

  background-image: url(../images/prev2c.png);

}



.about7_bottom .about7_next:hover{

  background-image: url(../images/next2c.png);

}











#mapCon {

  width: 680px;

  height: 600px;

  margin: 0 auto;

}



.about8 {

  padding: 3rem 0 5.5rem 0;

}



.about8_ul {

  flex-wrap: wrap;

  padding-top: 1.7rem;

}



.about8_ul li {

  width: 22.56%;

  margin-right: 3.25%;

  margin-top: 1.9rem;

}



.about8_ul li:nth-of-type(4n+4) {

  margin-right: 0;

}



.about8_ul li a {

  background: #f7f7f7;

  color: #2d2d2c;

}



.about8_ul li i {

  display: block;

  overflow: hidden;

}



.about8_ul li img {

  width: 100%;

  transition: .5s;

}



.about8_ul li b {

  font-size: 1.2rem;

  font-weight: normal;

  transition: .1s;

}



.about8_ul li span {

  flex: 1;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-size: .8rem;

  padding-left: .9rem;

}



.about8_ul li div {

  height: 3.8rem;

  padding: 0 .4rem;

}



.about8_ul li a:hover img {

  transform: scale(1.05);

}



.about8_ul li a:hover b {

  color: #f26d35;

}



.page {

  margin-top: 3.5rem;

}



.page a {

  min-width: 2rem;

  line-height: 2rem;

  border-radius: .25rem;

  background: #fff;

  border-radius: .25rem;

  box-shadow: 0px 0px .25rem 0px rgba(0, 0, 0, 0.24);

  text-align: center;

  margin: 0 .4rem;

  font-size: .9rem;

  color: #2f2f2f;

  padding: 0 .3rem;

  transition: 50ms;

}



.page a:hover,

.page a.active {

  color: #f26d35;

}



.team_show {

  padding: 3.2rem 0 5rem 0;

}



.tshow_title {

  text-align: center;

}



.tshow_title h1 {

  font-size: 1.8rem;

  color: #eb883c;

}



.tshow_title div {

  font-size: .8rem;

  margin-top: 1rem;

  color: #747474;

}



.tshow_con {

  margin-top: 3rem;

  background: #f5f5f5;

}



.tshow_img {

  width: 50%;

  padding: 1.3rem;

}



.tshow_img img {

  width: 100%;

}



.tshow_text {

  width: 50%;

  font-size: .9rem;

  line-height: 2.7;

  color: #3a3a3a;

  padding: 1.3rem;

}



.tshow_con2 .tshow_img{

  width: 25%;

}



.tshow_con2 .tshow_text{

  width: 75%;

}





.tshow_page {

  justify-content: space-between;

  margin-top: 1.8rem;

}



.tshow_page a {

  max-width: 50%;

  font-size: .8rem;

  padding: 0 1.3rem;

  color: #353535;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  transition: .1s;

}



.tshow_page a:hover {

  color: #f26d35;

}



/* #endregion */



/* #region  业务范围*/

.business {

  padding: 3.3rem 0 5.5rem 0;

}



.business_ul {

  flex-wrap: wrap;

  justify-content: space-between;

  padding-top: 1.5rem;

}



.business_ul li {

  width: 49.15%;

  margin-top: 1.3rem;

}



.business_ul li a {

  background: #eeeeee;

}



.business_ul li i {

  width: 50%;

  overflow: hidden;

}



.business_ul li img {

  width: 100%;

  transition: .5s;

}



.business_ul li div {

  width: 50%;

  padding: 1.2rem;

}



.business_ul li h3 {

  font-size: 1.1rem;

  color: #444444;

  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.business_ul li p {

  font-size: .8rem;

  line-height: 1.8rem;

  height: 5.4rem;

  color: #888888;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  line-clamp: 3;

  -webkit-box-orient: vertical;

  margin-top: .6rem;

}



.business_ul li span {

  display: block;

  width: 7.1rem;

  line-height: 2rem;

  background: #fff;

  border-radius: .5rem;

  font-size: .8rem;

  color: #333333;

  text-align: center;

  margin-top: 1.9rem;

  transition: .2s;

}



.business_ul li a:hover span {

  background: #f26b33;

  color: #fff;

}



.business_ul li a:hover img {

  transform: scale(1.05);

}



.business_show {

  padding: 3.3rem 0 3.5rem 0;

}



.bshow_con {

  background: #f4f4f4;

  padding: .9rem;

  margin-top: 2.5rem;

}



.bshow_img {

  width: 38.58%;

}



.bshow_img img {

  width: 100%;

}



.bshow_right {

  flex: 1;

  overflow: hidden;

  padding: 0 2.25rem 0 2rem;

}



.bshow_title h1 {

  font-size: 1.5rem;

  font-weight: bold;

  color: #3c3c3c;

  flex: 1;

  overflow: hidden;

  padding-right: 1.5rem;

}



.bshow_title a {

  font-size: 1rem;

  color: #3c3c3c;

  margin-left: auto;

  transition: .1s;

}



.bshow_title img {

  width: 1.25rem;

  margin-right: .4rem;

}



.bshow_title a:hover {

  color: #f26d35;

}



.bshow_txt {

  font-size: .8rem;

  line-height: 2.75;

  margin-top: 1.2rem;

}



.bshow_phone {

  font-size: 1.2rem;

  color: #3c3c3c;

  margin-top: 7.5rem;

}



.bshow_phone span {

  color: #f26d35;

}



.bshow_main {

  background: #f1f1f1;

  margin-top: 2.5rem;

  font-size: .9rem;

  line-height: 2.5;

  color: #3c3c3c;

}



.bshow_main video {

  width: 100%;

}



.bshow_main img {

  display: inline;

  max-width: 100%;

}



.bshow_text {

  padding: 1rem 1rem 2rem 1rem;

}



/* #endregion */



/* #region  检安生态*/

.ecology1 {

  padding-top: 3.3rem;

}



.ecology1_con {

  margin-top: 2.9rem;

  background: #f2f2f2;

}



.ecology1_img {

  width: 50%;

}



.ecology1_img img {

  width: 100%;

}



.ecology1_text {

  width: 50%;

  font-size: .9rem;

  line-height: 2.3;

  color: #2c2c2c;

  padding: 1.2rem;

}



.ecology2 {

  padding: 4.2rem 0 5.5rem 0;

}



.ecology2_ul {

  flex-wrap: wrap;

  padding-top: .2rem;

  border-top: 1px solid #c8c8c8;

  margin-top: 2.4rem;

}



.ecology2_ul li {

  width: 23%;

  margin-right: 2.66%;

  margin-top: 1.8rem;

}



.ecology2_ul li:nth-of-type(4n+4) {

  margin-right: 0;

}



.ecology2_ul li i {

  display: block;

  overflow: hidden;

}



.ecology2_ul li img {

  width: 100%;

  transition: .5s;

}



.ecology2_ul li div {

  font-size: .9rem;

  color: #1e1e1e;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  text-align: center;

  margin-top: .6rem;

}



.ecology2_ul li a:hover img {

  transform: scale(1.05);

}



.ecology3 {

  padding: 3.1rem 0 3.8rem 0;

}



.ecology3_con {

  position: relative;

  margin-top: 3rem;

  padding-top: 16.5rem;

}



.ecology3_con img {

  width: 100%;

  height: 32.5rem;

  position: absolute;

  left: 0;

  top: 0;

  object-fit: cover;

  object-position: center;

  z-index: 1;

}



.ecology_title {

  width: 100%;

  font-size: 1.5rem;

  color: #232323;

  font-weight: bold;

  text-align: center;

  z-index: 2;

}



.ecology3 .ecology_title {

  position: absolute;

  left: 0;

  top: 8.5rem;

}



.ecology3_text {

  position: relative;

  z-index: 2;

  font-size: .9rem;

  line-height: 2.33;

  color: #2e2e2e;

  background-color: rgba(255, 255, 255, .8);

  box-shadow: 0px .2rem .75rem 0px rgba(54, 54, 54, 0.49);

  padding: 1rem 1.7rem;

  width: 86%;

  margin: 0 auto;

}



.ecology4 {

  background: url(../images/ecology4_bg.jpg) no-repeat;

  background-size: cover;

  background-position: center;

  padding: 2.1rem 0 3.7rem 0;

}



.ecology4 .ecology_title {

  color: #fff;

}



.ecology4_ul {

  flex-wrap: wrap;

  padding-top: .7rem;

}



.ecology4_ul li {

  width: 23%;

  margin-right: 2.66%;

  margin-top: 1.7rem;

}



.ecology4_ul li:nth-of-type(4n+4) {

  margin-right: 0;

}



.ecology4_ul li a {

  background: #fff;

  padding: .6rem;

  padding-bottom: 0;

}



.ecology4_ul li i {

  display: block;

  margin: 0 auto;

  overflow: hidden;

}



.ecology4_ul li img {

  width: 100%;

  transition: .5s;

}



.ecology4_ul li h3 {

  display: block;

  font-size: 1rem;

  line-height: 3.4rem;

  color: #191919;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  transition: .1s;

}



.ecology4_ul a:hover img {

  transform: scale(1.05);

}



.ecology4_ul a:hover h3 {

  color: #f26d35;

}



.ecology5 {

  background: #efefef;

  padding: 3.2rem 0 3.7rem 0;

}



.ecology5_ul {

  flex-wrap: wrap;

  padding-top: 2.2rem;

}



.ecology5_ul li {

  width: 24.5%;

  margin-right: .66%;

  background: #fff;

  margin-top: .7rem;

}



.ecology5_ul li:nth-of-type(4n+4) {

  margin-right: 0;

}



.ecology5_ul li a {

  padding: 1.1rem 1rem 1.5rem 1rem;

}



.ecology5_img img {

  width: 4.4rem;

  height: 4.4rem;

  border-radius: 50%;

}



.ecology5_img div {

  flex: 1;

  overflow: hidden;

  padding-left: .7rem;

}



.ecology5_img h3 {

  font-size: 1rem;

  color: #1c1c1d;

  font-weight: bold;

  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  transition: .1s;

}



.ecology5_img span {

  font-size: .8rem;

  color: #5e5e5e;

  display: block;

  margin-top: .5rem;

}



.ecology5_text {

  font-size: .8rem;

  line-height: 1.5rem;

  height: 4.5rem;

  color: #5e5e5e;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  line-clamp: 3;

  -webkit-box-orient: vertical;

  margin-top: 1rem;

}



.ecology5_ul li a:hover .ecology5_img h3 {

  color: #f26d35;

}



/* #endregion */



/* #region  合作案例*/

.case {

  padding: 3.3rem 0 5.5rem 0;

}



.case_ul {

  flex-wrap: wrap;

  padding-top: 1.7rem;

}



.case_ul li {

  width: 23.6%;

  margin-right: 1.86%;

  background: #f6f6f6;

  margin-top: 1.3rem;

}



.case_ul li:nth-of-type(4n+4) {

  margin-right: 0;

}



.case_ul li a {

  padding-bottom: .3rem;

  transition: .2s;

}



.case_ul li i {

  display: block;

}



.case_ul li img {

  width: 100%;

  transition: .5s;

}



.case_txt {

  padding: .5rem;

}



.case_txt h3 {

  font-size: .9rem;

  color: #323232;

  font-weight: bold;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  transition: .1s;

}



.case_txt div {

  font-size: .7rem;

  margin-top: .5rem;

  color: #696969;

  justify-content: space-between;

}



.case_txt span:first-of-type {

  margin-right: 1rem;

}



.case_txt p {

  font-size: .8rem;

  line-height: 1.8;

  color: #515151;

  margin-top: .6rem;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

}



.case_ul a:hover {

  box-shadow: 0px .2rem .6rem 0px rgba(54, 54, 54, 0.49);

}



.case_ul a:hover h3 {

  color: #f26d35;

}



.cshow_row {

  font-size: .8rem;

  color: #3c3c3c;

  padding-top: .4rem;

}



.cshow_row div {

  min-width: 35%;

  padding-right: 1rem;

  margin-top: .5rem;

}



.cshow_row img {

  width: 1rem;

  margin-right: .6rem;

}



.cshow_title {

  font-size: 1rem;

  color: #262626;

  margin-top: 1.4rem;

}



.cshow_txt {

  margin-top: .4rem;

}



.cshow_phone {

  margin-top: 3.8rem;

}



.cshow_label {

  margin-top: 4.2rem;

}



.cshow_label div {

  font-size: 1.2rem;

  line-height: 2.8rem;

  color: #2f2f2f;

  background: #c3c1c1;

  text-align: center;

  width: 11.5rem;

}



.cshow_label span {

  flex: 1;

  overflow: hidden;

  border-top: 1px solid #c3c1c1;

}



.cshow_text {

  font-size: .9rem;

  line-height: 2.7;

  color: #2f2f2f;

  margin-top: 2.4rem;

  border-bottom: 1px solid #c3c1c1;

  padding-bottom: 2.9rem;

}

.cshow_text img{
  display: inline-block;
}


/* #endregion */



/* #region  检安动态*/

.dynamic {

  padding: 3.3rem 0 4rem 0;

}



.dynamic_ul1 {

  flex-wrap: wrap;

  padding-top: 5rem;

}



.dynamic_ul1 li {

  width: 32%;

  margin-right: 2%;

  border-bottom: 1px solid #e5e5e5;

}



.dynamic_ul1 li a {

  padding-bottom: .7rem;

}



.dynamic_ul1 li:last-of-type {

  margin-right: 0;

}



.dynamic_ul1 li i {

  display: block;

  overflow: hidden;

}



.dynamic_ul1 li img {

  width: 100%;

  transition: .5s;

}



.dynamic_ul1 li h3 {

  font-size: 1rem;

  color: #333333;

  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  transition: .1s;

  margin-top: .7rem;

  transition: .1s;

}





.dynamic_ul1 li div {

  font-size: .8rem;

  color: #333333;

  margin-top: .5rem;

}



.dynamic_ul1 li p {

  font-size: .8rem;

  line-height: 1.8;

  margin-top: .5rem;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

}



.dynamic_ul1 li a:hover h3 {

  color: #f26d35;

}



.dynamic_ul1 li a:hover img {

  transform: scale(1.05);

}



.dynamic_ul2 {

  flex-wrap: wrap;

  justify-content: space-between;

}



.dynamic_ul2 li {

  width: 47.75%;

  border-bottom: 1px solid #e5e5e5;

}



.dynamic_ul2 a {

  padding: 2.6rem 0 1.5rem 0;

}



.dynamic_ul2 h3 {

  width: 16.5rem;

  font-size: 1rem;

  color: #363636;

  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.dynamic_ul2 span {

  width: 5rem;

  line-height: 1.9rem;

  font-size: .9rem;

  color: #353535;

  text-align: center;

  background: #e9e9e9;

  margin-left: 1.6rem;

  transition: .2s;

}



.dynamic_ul2 p {

  font-size: .8rem;

  color: #333333;

  margin-top: .8rem;

}



.dynamic_ul2 a:hover span {

  background: #f26d35;

  color: #fff;

}



.show_top {

  background: #f1f1f1;

}





.show_top ul {

  flex: 1;

  overflow: hidden;

  height: 5rem;

  font-size: .9rem;

  color: #202020;

}



.show_top ul img {

  width: .8rem;

  margin-right: .8rem;

}



.show_top ul span {

  margin: 0 1rem;

}



.show_top ul div {

  flex: 1;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  color: #848484;

}



.show_top ul a {

  transition: .1s;

}



.show_top ul a:hover {

  color: #f26d35;

}



.show_back {

  margin-left: auto;

  font-size: .9rem;

  color: #474747;

  transition: .1s;

}



.show_back img {

  width: 1.25rem;

  margin-right: .3rem;

}



.show_back:hover {

  color: #f26d35;

}



.dshow {

  padding: 2.5rem 0 3.8rem 0;

}



.dshow_title {

  font-size: 1.5rem;

  color: #474747;

  font-weight: normal;

  text-align: center;

}



.dshow_time {

  font-size: .8rem;

  color: #474747;

  margin-top: 1.3rem;

}



.dshow_time div {

  margin: 0 1.8rem;

}



.dshow_time img {

  width: 1.1rem;

  margin-right: .3rem;

}



.dshow_text {

  font-size: .9rem;

  line-height: 2.5;

  color: #474747;

  border-top: 1px dashed #e5e5e5;

  border-bottom: 1px dashed #e5e5e5;

  margin-top: 1.4rem;

  padding: 1rem 0 3rem 0;

}



.dshow_text a {

  display: inline;

}



.dshow_text img {

  max-width: 100%;

  display: inline;

}



/* #endregion */



/* #region  党的建设*/

.idea {

  padding: 3.3rem 0 4.7rem 0;

}



.idea_text {

  margin-top: 2.8rem;

  font-size: .9rem;

  line-height: 2.5;

}



.idea_text img {

  max-width: 100%;

  display: inline;

}



.idea_t1 {

  font-size: 1.5rem;

  line-height: 1.2;

  margin-top: 3.5rem;

  color: #f26d35;

}



.idea_t2 {

  margin-top: .5rem;

  color: #242424;

}



.brand {

  padding: 3.6rem 0 4rem 0;

}



.brand .dynamic_ul1 {

  padding-top: 1.6rem;

}



.brand .dynamic_ul1 li {

  width: 29.6%;

  margin-right: 5.6%;

  border-bottom: none;

  margin-top: 2.1rem;

}



.brand .dynamic_ul1 li a {

  padding-bottom: 0;

}



.brand .dynamic_ul1 li:nth-of-type(3n+3) {

  margin-right: 0;

}



/* #endregion */



/* #region  人力资源*/

.employment {

  padding: 3.6rem 0 4.1rem 0;

}



.employment_ul {

  font-size: .9rem;

  line-height: 2.5;

  color: #1d1d1d;

  padding-top: 1.5rem;

}



.employment_t1 {

  font-size: 1.2rem;

  line-height: 1.2;

  margin-top: 2rem;

  color: #eb883c;

  font-weight: bold;

}



.employment_t2 {

  margin-top: .5rem;

}



.recruit {

  padding: 3.6rem 0 5.5rem 0;

}



.recruit_ul {

  flex-wrap: wrap;

  padding-top: 1.2rem;

}



.recruit_ul li {

  width: 31.8%;

  margin-right: 2.3%;

  margin-top: 1.7rem;

}



.recruit_ul li:nth-of-type(3n+3) {

  margin-right: 0;

}



.recruit_ul li a {

  background: url(../images/recruit_bg.png) no-repeat;

  background-size: cover;

  background-position: center;

  border-radius: .25rem;

  overflow: hidden;

  padding: 1.5rem 6.4%;

}



.recruit_t1 h3 {

  font-size: 1rem;

  color: #1d1d1d;

  flex: 1;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  transition: .1s;

}



.recruit_t1 span {

  font-size: 1rem;

  color: #1d1d1d;

  margin-left: 1rem;

}



.recruit_t2 {

  font-size: .8rem;

  line-height: 1.5rem;

  height: 4.5rem;

  color: #1d1d1d;

  margin-top: 1.2rem;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  line-clamp: 3;

  -webkit-box-orient: vertical;

}



.recruit_t3 {

  justify-content: space-between;

  font-size: .9rem;

  color: #222222;

  margin-top: 2rem;

}



.recruit_t3 div {

  width: 48%;

  height: 2.6rem;

  position: relative;

  background: #fff;

  border-radius: .5rem;

  transition: .1s;

}



.recruit_t3 span {

  position: absolute;

  left: 0;

  bottom: 3rem;

  width: 100%;

  padding: .6rem;

  line-height: 1.5;

  font-size: .9rem;

  color: #303030;

  text-align: center;

  background: #fff;

  border-radius: .5rem;

  display: none;

}



.recruit_t3 i {

  display: block;

  position: relative;

  margin-right: .3rem;

  width: 1.1rem;

}



.recruit_t3 img {

  width: 100%;

  transition: .1s;

}



.recruit_t3 img:nth-of-type(2) {

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

}



.recruit_t3 div:hover {

  background: #f26d35;

  color: #fff;

}



.recruit_t3 div:hover img:nth-of-type(1) {

  opacity: 0;

}



.recruit_t3 div:hover img:nth-of-type(2) {

  opacity: 1;

}



.recruit_ul li a:hover h3 {

  color: #f26d35;

}



.rshow_top {

  align-items: flex-end;

}



.rshow_title {

  flex: 1;

  overflow: hidden;

}



.rshow_title h1 {

  font-size: 1.5rem;

  color: #393939;

  font-weight: normal;

}



.rshow_title div {

  font-size: .8rem;

  color: #474747;

  line-height: 1;

  margin-top: 1.2rem;

}



.rshow_title img {

  width: 1.1rem;

  margin-right: .4rem;

}



.rshow_phone li {

  margin-left: 5rem;

}



.rshow_phone div {

  font-size: .8rem;

  color: #f26d35;

  font-weight: bold;

}



.rshow_phone span {

  font-size: 1.5rem;

  color: #393939;

  display: block;

  margin-top: .6rem;

}



.recruit_show {

  padding: 3.1rem 0 5rem 0;

}



.rshow_text {

  font-size: .9rem;

  line-height: 2.7;

  color: #000000;

  margin-top: 2.5rem;

}



.train {

  padding: 3.5rem 0 5.5rem 0;

}



.train_ul {

  flex-wrap: wrap;

  padding-top: .9rem;

}



.train_ul li {

  width: 23.7%;

  margin-right: 1.73%;

  margin-top: 1.5rem;

}



.train_ul li:nth-of-type(4n+4) {

  margin-right: 0;

}



.train_ul i {

  display: block;

  overflow: hidden;

}



.train_ul i img {

  width: 100%;

  transition: .5s;

}



.train_ul div {

  margin-top: .7rem;

}



.train_ul h3 {

  font-size: .9rem;

  color: #1e1e1e;

  flex: 1;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  transition: .1s;

}



.train_ul span {

  font-size: .8rem;

  color: #6b6b6b;

  margin-left: 1rem;

}



.train_ul span img {

  width: 1.1rem;

  margin-right: .3rem;

}



.train_ul p {

  font-size: .8rem;

  color: #6b6b6b;

  margin-top: .4rem;

}



.train_ul p img {

  width: .8rem;

  margin-left: .5rem;

}



.train_ul a:hover i img {

  transform: scale(1.05);

}



.train_ul a:hover h3 {

  color: #f26d35;

}



.promotion {

  padding: 3.6rem 0 5.5rem 0;

}



.promotion_text {

  font-size: .9rem;

  line-height: 2;

  margin-top: 3rem;

}



.promotion_text img {

  max-width: 100%;

  display: inline;

}



/* #endregion */



/* #region  科技创新-科技成果*/

.innovate {

  padding: 3.3rem 0 5.5rem 0;

}



.innovate_ul {

  padding-top: .2rem;

}



.innovate_ul img {

  width: 21.2rem;

}



.innovate_ul li {

  padding: 1.8rem 0 1.3rem 0;

  border-bottom: 1px solid #dcdcdc;

}



.innovate_txt {

  flex: 1;

  overflow: hidden;

  padding: 0 8% 0 2.5%;

  font-size: .8rem;

}



.innovate_txt h3 {

  font-size: 1rem;

  font-weight: bold;

  color: #373737;

  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  transition: .1s;

}



.innovate_txt div {

  color: #403f3f;

  margin-top: .5rem;

}



.innovate_txt span {

  line-height: 1.8;

  color: #403f3f;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 5;

  line-clamp: 5;

  -webkit-box-orient: vertical;

  margin-top: .5rem;

}



.innovate_btn {

  width: 8.4rem;

  line-height: 2.5rem;

  background: #b0b0b0;

  color: #fff;

  font-size: .8rem;

  text-align: center;

  transition: .1s;

}



.innovate_ul a:hover h3 {

  color: #f26d35;

}



.innovate_ul a:hover .innovate_btn {

  background: #f26d35;

  color: #fff;

}



.cshow_text2 {

  border-bottom: none;

  padding-bottom: 1rem;

}


.cshow_text2 img{
  display: inline-block;
}



.patent {

  padding: 3.3rem 0 5.5rem 0;

}



.patent_ul {

  flex-wrap: wrap;

  padding-top: 2rem;

}



.patent_ul li {

  width: 22.58%;

  margin-right: 3.22%;

  margin-top: 1.3rem;

}



.patent_ul li:nth-of-type(4n+4) {

  margin-right: 0;

}



.patent_ul img {

  width: 100%;

}



.patent_ul div {

  border: 1px solid #dcdcdc;

}



.patent_ul h3 {

  font-size: 1rem;

  color: #2d2d2c;

  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  text-align: center;

  margin-top: .9rem;

}



/* #endregion */



/* #region  联系我们*/



.contact {

  padding: 4.5rem 0 5.5rem;

}



.contact_left {

  width: 45%;

}



.contact_title {

  font-size: 1.5rem;

  color: #313131;

}



.contact_ul {

  padding-top: .5rem;

}



.contact_ul li {

  align-items: flex-start;

  font-size: .9rem;

  line-height: 1.6rem;

  color: #313131;

  margin-top: 1.6rem;

}



.contact_ul img {

  width: 1.6rem;

  margin-right: 1rem;

}



.contact_ul div {

  flex: 1;

  overflow: hidden;

}



.contact_code {

  padding-left: 2.6rem;

  margin-top: 1.6rem;

  display: inline-block;

  font-size: .9rem;

  color: #313131;

  text-align: center;

}



.contact_code img {


  border: 1px solid #eee;
  width: 8.75rem;

}



.contact_code div {

  margin-top: .1rem;

}



.contact_right {

  width: 50%;

  margin-left: auto;

}



.contact_right .contact_title {

  margin-bottom: 1.3rem;

}



.contact_right input {

  height: 3.4rem;

  padding: 0 1.3rem;

  margin-bottom: 1.3rem;

}



.contact_right input,

.contact_right textarea {

  width: 100%;

  display: block;

  background: #eeeeee;

  font-size: 1rem;

  color: #222;

  border: none;

  font-family: text;

}



.contact_right textarea {

  resize: none;

  height: 10.5rem;

  padding: .9rem 1.3rem;

}



.contact_right button {

  width: 11.4rem;

  line-height: 3.4rem;

  background: #f26d35;

  color: #fff;

  text-align: center;

  border: none;

  font-size: 1.3rem;

  margin-top: 1.5rem;

  cursor: pointer;

  transition: .1s;

  display: block;

}



.contact_right button:hover {

  opacity: .85;

}



.contact_map {

  height: 27.6rem;

  margin-top: 3.3rem;

}



.contact_map img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}



/* #endregion */



/* #region  css效果*/

@-webkit-keyframes fadeInRight2 {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(5rem, 0, 0);

    transform: translate3d(5rem, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInRight2 {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(5rem, 0, 0);

    transform: translate3d(5rem, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@-webkit-keyframes fadeInLeft2 {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 5rem, 0);

    transform: translate3d(0, 5rem, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInLeft2 {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-5rem, 0, 0);

    transform: translate3d(-5rem, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@-webkit-keyframes fadeInUp2 {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-5rem, 0, 0);

    transform: translate3d(-5rem, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInUp2 {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 5rem, 0);

    transform: translate3d(0, 5rem, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInRight2 {

  -webkit-animation-name: fadeInRight2;

  animation-name: fadeInRight2;

}



.fadeInLeft2 {

  -webkit-animation-name: fadeInLeft2;

  animation-name: fadeInLeft2;

}



.fadeInUp2 {

  -webkit-animation-name: fadeInUp2;

  animation-name: fadeInUp2;

}



.business_ul li:nth-of-type(even),

.ecology5_ul li:nth-of-type(4n+2),

.ecology4_ul li:nth-of-type(4n+2),

.dynamic_ul1 li:nth-of-type(2) {

  animation-delay: 0.1s;

}



.ecology5_ul li:nth-of-type(4n+3),

.ecology4_ul li:nth-of-type(4n+3),

.dynamic_ul1 li:nth-of-type(3),

.banner_nav {

  animation-delay: 0.2s;

}



.ecology5_ul li:nth-of-type(4n+4),

.ecology4_ul li:nth-of-type(4n+4) {

  animation-delay: 0.3s;

}



/* #endregion */



/* #region  */



/* #endregion */